javascript怎么设置元素文本内容

#javascript怎么设置元素文本内容| 来源: 网络整理| 查看: 265

javascript设置文本内容的方法：首先使用“document.getElementById("id值")”语句获取文本元素对象；然后使用“文本元素对象.innerHTML='文本内容值';”语句即可设置。

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

javascript设置元素文本内容

步骤：

查找元素

使用innerHTML设置内容

示例：

var x=document.getElementById("demo"); // 找到元素 x.innerHTML="Hello JavaScript!"; // 设置内容

输出：

说明：

innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML。

语法

tablerowObject.innerHTML=HTML

查找元素的方法：

1.根据id获取元素

document.getElementById("id属性的值");

2.根据标签名字获取元素

document.getElementsByTagName("标签的名字");

3.根据name属性的值获取元素

document.getElementsByName("name属性的值");

4.根据class属性获取元素

document.getElementsByClassName("类样式的名字");

5.根据css路径获取元素（获取一个）

document.querySelector("css路径");

6.根据css路径获取元素（获取一组）

document.querySelectorAll("css路径");

【推荐学习：javascript高级教程】

以上就是javascript怎么设置元素文本内容的详细内容，更多请关注模板之家(www.mb5.com.cn)其它相关文章！

【本文地址】

公司简介

联系我们